<template>
  <div id="home-why-choose">
    <!-- WHY REPUTE -->
    <section>
      <div class="container">
        <!-- <h2 class="section-heading sr-only">为什么选择我们 WHY CHOOSE WE</h2> -->
        <h2 class="section-heading">为什么选择我们 WHY CHOOSE WE</h2>
        <div class="tab-content">
          <div class="tab-pane fade in active text-center" id="tab-bottom1">
            <img src="@/assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Ultra Responsive">
            <h3 class="text-accent-color">实践出真知</h3>
            <p class="lead">移动互联网已经成为大趋势的情况下，优意帮您完成企业转型，让你的推广和销售更方便，一个解决方案实现多个平台的完美实现</p>
          </div>
          <div class="tab-pane fade text-center" id="tab-bottom2">
            <img src="@/assets/img/hero-unit-obj3.png" class="img-responsive center-block margin-bottom-30px" alt="Easy to Customize">
            <h3 class="text-accent-color">高品质护航</h3>
            <p class="lead">优意跨平台产品由资深IT团队打造,并专注与不断提升产品品质与用户体验，并不断为平台注入提高企业竞争力的核心功能</p>
          </div>
          <div class="tab-pane fade text-center" id="tab-bottom3">
            <img src="@/assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Clean and Elegant Design">
            <h3 class="text-accent-color">视觉开创者</h3>
            <p class="lead">互动式网页，融入了社交、短信、邮件、聊天等营销工具，建立企业与用户完美沟通的桥梁。灵动统计会精准的分析用户和访问行为，帮你热销产品</p>
          </div>

        </div>
        <div class="custom-tabs-line tabs-line-top">
          <ul class="nav" role="tablist">
            <li class="active">
              <a href="#tab-bottom1" role="tab" data-toggle="tab">实践出真知</a>
            </li>
            <li>
              <a href="#tab-bottom2" role="tab" data-toggle="tab">高品质护航</a>
            </li>
            <li>
              <a href="#tab-bottom3" role="tab" data-toggle="tab">视觉开创者</a>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- END WHY REPUTE -->
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
#home-why-choose {
}
</style>
